import React, { Component } from 'react'
import moment from 'moment'

export default class ProjectTotal extends Component {
  render() {
    const { data } = this.props
    return (
      <div className="rt-project-total">
        <h3>{data.title}</h3>
        <div className="-total-title">
          <div>
            <span>
              项目分类：{data.category}
            </span>
            <span>
              一次性交易费用：{data.transactionFee}%
            </span>
          </div>
          <div>
            <span>
              项目起投额：{data.startAmount}
            </span>
            <span>
              退出收益分成：{data.carrierInterest}%
            </span>
          </div>
          <div>
            <span>
              总投资额：{data.totalAmount}
            </span>
            <span>
              管理费用（每年）：{data.managementFee}
            </span>
          </div>
          <div>
            <span>
              截止日期：{moment(data.deadline).format('YYYY-MM-DD')}
            </span>
            <span>
              预付管理费（年）：{data.prepaidManagementFee}
            </span>
          </div>
        </div>
        <div className="-row">
          <div className="-one">
            <span>已认购份额</span>
            <span>1800万</span>
          </div>
          <div className="-two">
            <span>已认购人数</span>
            <span>3人</span>
          </div>
          <div>
            <span>完成比例</span>
            <span>{data.progress}%</span>
          </div>
        </div>
      </div>
      )
  }
}